"use client";

/**
 * /w/:workspace/shared — "Shared with me" (the sidebar's second nav group).
 *
 * Phase 4+ stub (recorded decision, docs/tasks/phase-03-pages.md TASK-0031):
 * "Private = teamless pages; Shared = pages with a non-private share, which is
 * Phase 4+ (the Shared section stays an empty state with its Phase note —
 * recorded, no data yet)."
 *
 * The data model already exists (the `Share` model + `GET /shares/:workspaceId`
 * lists the shares the CALLER created). What's missing is the reverse lookup
 * (shares pointing AT the caller) — that's the Phase 4+ work. This page is a
 * deliberate, honest empty state, NOT a 404: it explains the feature and the
 * roadmap slot, so the sidebar link lands somewhere coherent.
 */
import { useParams } from "next/navigation";
import { Users } from "lucide-react";

export default function SharedPage() {
  const params = useParams<{ workspace: string }>();
  void params?.workspace;
  return (
    <div className="mx-auto max-w-2xl px-6 py-8">
      <h1 className="mb-1 flex items-center gap-2 text-xl font-semibold">
        <Users className="size-5 text-muted-foreground" aria-hidden /> Shared with me
      </h1>
      <p className="mb-4 text-sm text-muted-foreground">
        Pages others have shared with you will appear here.
      </p>
      <div className="rounded-md border border-dashed border-border p-8 text-center">
        <Users className="mx-auto mb-2 size-6 text-muted-foreground" aria-hidden />
        <p className="text-sm font-medium">Nothing shared with you yet</p>
        <p className="mx-auto mt-1 max-w-sm text-xs text-muted-foreground">
          The “shared with me” view lands in Phase 4+. You can still create
          outbound shares from a page's share menu (link, public, or invite) —
          those are managed from the page, and the reverse lookup (who shared
          what with you) is what this page will list once it's built.
        </p>
      </div>
    </div>
  );
}